<template>
	<view class="flex flex-column flex-center">
		<template v-if="props.type == 'order'">
			<image src="@/static/icons/empty/not_order.png" style="width:300rpx;height:300rpx;"></image>
		</template>
		<template v-else-if="props.type == 'log'">
			<image src="@/static/icons/empty/not_log.png" style="width:300rpx;height:300rpx;"></image>
		</template>
		<template v-else-if="props.type == 'data'">
			<image src="@/static/icons/empty/not_data.png" style="width:300rpx;height:300rpx;"></image>
		</template>
		<template v-else-if="props.type == 'message'">
			<image src="@/static/icons/empty/not_message.png" style="width:300rpx;height:300rpx;"></image>
		</template>
		<text class="text-primary">{{ props.text }}</text>
	</view>
</template>

<script setup lang="ts">
import { defineProps } from "vue";
const props = withDefaults(defineProps<{
	type?: 'order' | 'log' | 'data' | 'message' | 'none',
	text?: any,
}>(), {
	type: 'data',
	text: '',
});
</script>
